<template>
	<div>
		<!-- 选择器 -->
		<div class="mb-20px flex items-center">
			<div class="mr-20px">
				<SelectBox :list="listCoin" title="币种"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listIncome" title="收支类型"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listMethods" title="类型"></SelectBox>
			</div>
		</div>
		<div class="mb-20px">
			<SelectTimer></SelectTimer>
		</div>
		<!-- 列表 -->
		<ContractTable></ContractTable>
	</div>
</template>
<script  lang="ts" setup>
import { ref } from 'vue';

import SelectBox from '../../components/SelectBox.vue';
import SelectTimer from '../../../components/SelectTimer.vue';

import ContractTable from "../tables/ContractTable.vue";



const listCoin = ref<any[]>([
	{label:'全部',value:'1'},
	{label:'BTC/USDT',value:'2'},
	{label:'ETH/USDT',value:'3'},
	{label:'TRX/USDT',value:'4'},
])

const listMethods = ref<any[]>([
	{label:'全部',value:'1'},
	{label:'划转',value:'2'},
	{label:'保证金',value:'3'},
	{label:'开仓手续费',value:'4'},
	{label:'平仓手续费',value:'5'},
	{label:'资金费率',value:'6'},
	{label:'爆仓清算手续费',value:'7'},
	{label:'已实现盈亏',value:'8'},
	{label:'系统操作',value:'9'},
	{label:'系统操作',value:'10'},
])

const listIncome = ref<any[]>([
	{
		label:'全部',
		value:'1'
	},
	{
		label:'收入',
		value:'2'
	},
	{
		label:'支出',
		value:'3'
	}
])
</script>
